import React from 'react'
import { Top } from './style'
import { useNavigate } from 'react-router-dom'

function Header() {
    const navigate = useNavigate()
    return (
        <Top>
            <div className="search-box" onClick={() => navigate('/search')}>
                <i className="iconfont icon-search"></i>
                <span>搜索</span>
            </div>
            <div className='left'>
                <i className='iconfont icon-gouwuche'></i>
            </div>
        </Top>
    )
}

export default Header